import React, { Component } from 'react';
import {
	StyleSheet, Text, View,
} from "react-native";
import { GLOBAL } from '../../../config/global';
import { style } from '../../../theme/style';
const scale = GLOBAL.SCALE;
export class TitleView extends Component {
	constructor(props) {
		super(props);
	}
	render() {
		let { title, describe } = this.props;
		return (
			<View style={styles.container}>
				<View style={styles.topBox}>
					<Text style={styles.topH1}>{title}</Text>
					<Text style={styles.topH5}>{describe}</Text>
				</View>
			</View>
		)
	}
}
const styles = StyleSheet.create({
	topBox: {
		marginTop: 18 * scale
	},
	topH1: {
		fontSize: 20 * scale,
		height: 28 * scale,
		lineHeight: 28 * scale,
		color: style.color.black,
		marginBottom: 3 * scale
	},
	topH5: {
		fontSize: 13 * scale,
		height: 20 * scale,
		color: style.color.dark
	},
})